<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>模版语法</title>
		<script type="text/javascript" src="js/vue.js"></script>
	</head>
	<body>
	</body>
	<!-- 准备好一个容器-->
	<div id="root">
		<h1>你好，{{name}}</h1>
		<hr />
		
		<a v-bind:href="url">跳转</a>
		<a :href="url">跳转</a>
	</div>

	<script type="text/javascript">
		Vue.config.productionTip=false;
		//创建实例
		const x = new Vue({
			el:'#root',//选择容器
			data:{
				name:'一个Vue',
				url:'https://www.baidu.com'
			}
		});
		// 一个实例只能接管一个容器，所以下面的root无法渲染
	</script>
</html>
